<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="js/swiper-4.2.6.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="css/swiper-4.2.6.min.css"/>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/font.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/ui.css">
    <title></title>
    <!-- 个人中心-我的积分 -->
    <style>
        .main{
            display: none;
        }
        .main.selected{
            display: block;
        }
    </style>
</head>
<body>
<div class="scroll-content2 my-integral" style="overflow:auto;background: #F5F5F5;">
    <div class="top-public">
        <span class="public-center">邦伲德会员积分</span>        
        <img src="images/left_icon.png" alt="" class="public-left">
    </div> 
    <div class="top-total">
        <div class="total-two">
            <span id="inte" class="integral"></span>
            <span style="font-size:0.12rem;color: rgba(255,255,255,0.80);">积分规则</span>
        </div>
        <div class="total-two">
            <img src="images/integral1.png" alt="" class="sign-icon">
            <span class="sign-bot" onclick="signIn()">每日签到领积分</span>
        </div>
    </div>
    <div class="content-total">
        <ul class="bot-bar">
            <li class="active">积分明细</li>
            <li>兑换专区</li>
            <li>兑换记录</li>
        </ul>
        <div class="integral-box">
            <div class="main detail selected">
                <div class="prompt">
                    温馨提示：根据积分规则，2018年11月1日前获得的积分将在2010年12月30日清零，请尽快使用！
                </div>
                <div class="list-box">
                    <ul id="integralDetail">
                        <!--<li>-->
                            <!--<p>每日签到—第一天在app完成签到</p>-->
                            <!--<span class="time">2018-09-11 04:60</span>-->
                            <!--<span class="add">+1</span>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<p>每日签到—第一天在app完成签到</p>-->
                            <!--<span class="time">2018-09-11 04:60</span>-->
                            <!--<span class="add">+1</span>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<p>每日签到—第一天在app完成签到</p>-->
                            <!--<span class="time">2018-09-11 04:60</span>-->
                            <!--<span class="add">+1</span>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<p>每日签到—第一天在app完成签到</p>-->
                            <!--<span class="time">2018-09-11 04:60</span>-->
                            <!--<span class="add">+1</span>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<p>每日签到—第一天在app完成签到</p>-->
                            <!--<span class="time">2018-09-11 04:60</span>-->
                            <!--<span class="add">+1</span>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
            <div class="main arrondi">
                <div class="prompt">
                    温馨提示：积分规则，200积分兑换100元抵扣券。同一张抵扣券换一次后，只有使用或过期，才能再次兑换！
                </div>
                <div class="list-box">
                    <ul  id="coupon">
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">有效期30天</span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">兑换</div>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">有效期30天</span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">兑换</div>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">有效期30天</span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">兑换</div>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
            <div class="main record">
                <div class="list-box">
                    <ul id="exchangeList">
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">兑换日期：<b>20180903</b></span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">已兑换</div>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">兑换日期：<b>20180903</b></span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">已兑换</div>-->
                        <!--</li>-->
                        <!--<li>-->
                            <!--<div class="left-price">-->
                                <!--<span>￥<b>100</b></span>-->
                            <!--</div>-->
                            <!--<div class="li-center">-->
                                <!--<span>优惠券</span>-->
                                <!--<span style="color:#4A4A4A;font-size:0.12rem;">展示类网站专享</span>-->
                                <!--<span class="validity">兑换日期：<b>20180903</b></span>-->
                            <!--</div>-->
                            <!--<div class="exchange-btn">已兑换</div>-->
                        <!--</li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
$('.public-left').click(function(){
    window.history.go(-1);
})
$('.bot-bar li').click(function () {
    $('.bot-bar li').removeClass('active');
    $(this).addClass('active').siblings().removeClass('active');
    $(".main").eq($(this).index()).show().siblings().hide();
})
</script>
<script>
    $(function(){
        $(function(){
            //验证是否登陆
            var user_id = sessionStorage.getItem('userId');
            if (user_id == null) {
                alert('请先登录！');
                window.location.href = 'login.html';
            }
        });
        //获取积分总数
        getIntegral();
        //获取积分明细
        integralDetail();
        //获取优惠券列表
        getCoupon();
        //用户兑换列表
        exchangeList();
    });
    //获取积分总数
    function getIntegral() {
        var user_id = sessionStorage.getItem("userId"); //用户ID
        $.ajax({
            url: url() + 'api/users/signContinuity', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST", //请求方式
            data:{
                user_id:user_id,
            },
            success: function (data) {
                // console.log(data.result);
                // 请求成功时处理
                if(data.status==1){
                    var html1 = '<b>'+data.result.pay_points+'</b>积分';
                    $('#inte').html(html1);
                    // console.log('获取成功！');
                } else {
                    alert(data.msg);
                }
            }
        });
    }
    //获取积分明细
    function integralDetail(){
        var user_id = sessionStorage.getItem("userId"); //用户ID
        $.ajax({
            url: url() + 'api/users/pointsDetails', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST", //请求方式
            data:{
                user_id:user_id,
            },
            success: function (data) {
                // console.log(data.result);
                // 请求成功时处理
                if(data.status==1){
                    var html1 = '';
                    $.each(data.result, function (i, item) {
                        html1+='<li>';
                        html1+='<p>'+item.desc+'</p>';
                        html1+='<span class="time">'+item.change_time+'</span>';
                        html1+='<span class="add">'+item.pay_points+'</span>';
                        html1+='</li>';
                    });
                    $('#integralDetail').html(html1);
                } else {
                    console.log(data.msg);
                }
            }
        });
    }
    //获取优惠券列表
    function getCoupon() {
        $.ajax({
            url: url() + 'api/goods/couponList', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "GET", //请求方式
            success: function (data) {
                // console.log(data.result);
                // 请求成功时处理
                var html1 = '';
                if(data.status==1){
                    // console.log('获取成功！');
                    $.each(data.result, function (i, item) {
                        html1+='<li>';
                        html1+='<div class="left-price">';
                        html1+='<span>￥<b>'+item.money+'</b></span>';
                        html1+='</div>';
                        html1+='<div class="li-center">';
                        html1+='<span>优惠券</span>';
                        html1+='<span style="color:#4A4A4A;font-size:0.12rem;">'+item.use_type+'</span>';
                        html1+=' <span class="validity">有效期30天</span>';
                        html1+='</div>';
                        html1+='<div class="exchange-btn" onclick="exchange2('+item.id+','+item.money+','+item.condition+')">兑换</div>';
                        html1+='</li>';
                    });
                    $('#coupon').html(html1);
                } else {
                    html1+='<li>';
                    html1+='<div class="left-price">';
                    html1+='<span> 暂无数据！ </span>';
                    html1+='</div>';
                    html1+='</li>';
                    $('#coupon').html(html1);
                    console.log(data.msg);
            }
            }
        });
    }
    //用户兑换功能
    function exchange2(id,money,condition) {
        var user_id = sessionStorage.getItem("userId"); //用户ID
        $.ajax({
            url: url() + 'api/goods/couponAdd', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST", //请求方式
            data: {
                user_id:user_id,
                cid:id,
                moneyz:money,
                condition:condition,
            },
            success: function (data) {
                // 请求成功时处理
                if(data.status==1){
                    window.location.href='my_integral.html';
                    alert(data.msg);
                } else {
                    alert(data.msg);
                }
            }
        });
    }
    //用户兑换记录
    function exchangeList() {
        var user_id = sessionStorage.getItem("userId"); //用户ID
        $.ajax({
            url: url() + 'api/goods/coupon_record', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST", //请求方式
            data:{
                user_id:user_id,
            },
            success: function (data) {
                console.log(data.result);
                // 请求成功时处理
                var html1 = '';
                if(data.status==1){
                    $.each(data.result, function (i, item) {
                        html1+='<li>';
                        html1+='<div class="left-price">';
                        html1+='<span>￥<b>'+item.money+'</b></span>';
                        html1+='</div>';
                        html1+='<div class="li-center">';
                        html1+='<span>优惠券</span>';
                        html1+='<span style="color:#4A4A4A;font-size:0.12rem;">'+item.use_type+'</span>';
                        html1+='<span class="validity">兑换日期：<b>'+item.send_start_time+'</b></span>';
                        html1+='</div>';
                        html1+='<div class="exchange-btn">已兑换</div>';
                        html1+='</li>';
                    });
                    $('#exchangeList').html(html1);
                } else {
                    html1+='<li>';
                    html1+='<div class="left-price">';
                    html1+='<span> 暂无数据！</span>';
                    html1+='</div>';
                    html1+='<div class="li-center">';
                    html1+='<span style="color:#4A4A4A;font-size:0.12rem;"></span>';
                    html1+='<span class="validity"></b></span>';
                    html1+='</div>';
                    html1+='</li>';
                    $('#exchangeList').html(html1);
                    console.log(data.msg);
                }
            }
        });
    }
    //签到功能
    function signIn() {
        var user_id = sessionStorage.getItem("userId"); //用户ID
        $.ajax({
            url: url() + 'api/users/userSign', //请求的url地址
            dataType: "JSON", //返回格式为json
            async: true, //请求是否异步，默认为异步，这也是ajax重要特性
            type: "POST", //请求方式
            data:{
                user_id:user_id,
            },
            success: function (data) {
                // 请求成功时处理
                if(data.status==1){
                    window.location.href='my_integral.html';
                    alert(data.msg);
                } else {
                    alert(data.msg);
                }
            }
        });
    }
</script>

</html> 






